<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件管理</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/systemManage.css">
    <link rel="stylesheet" href="css/bombs.css">
</head>
<body>
    <div class="container">
        <!-- 面包屑 -->
        <div class="top">
            <div class="top-title fl">
                <div>事件管理</div>
            </div>
            <ul class="top-list fr">
                <li class="active"><a href="eventMangement.html">事件列表</a></li>
                <li><a href="#">分析报表</a></li>
            </ul>
        </div>

        <!-- 筛选查询 -->
        <div class="filter-box">
            <div class="filter-top">
                <ul class="filter-top-list">
                    <li class="fl">
                        <input type="text" placeholder="请输入控制器编号">
                    </li>
                    <li class="fl">
                        <input type="text" placeholder="请输入客户名称" class="width230">
                    </li>
                    <li class="fl divselect">
                        <div class="selectInput">类别</div>
                        <div class="selectSub">
                            <ul>
                                <li class="active">类别</li>
                                <li>报警</li>
                                <li>预警</li>
                                <li>保养</li>
                                <li>其他</li>
                                <li>隐藏</li>
                            </ul>
                        </div>
                    </li>
                    <li class="fl divselect">
                        <div class="selectInput width200">类型</div>
                        <div class="selectSub width200">
                            <ul>
                                <li class="active">类型</li>
                                <li>长时间低温运行预警</li>
                                <li>温度过高预警</li>
                                <li>通讯卡余额不足预警</li>
                            </ul>
                        </div>
                    </li>
                    <li class="fl divselect">
                        <div class="selectInput">处理状态</div>
                        <div class="selectSub">
                            <ul>
                                <li class="active">处理状态</li>
                                <li>未处理</li>
                                <li>已处理</li>
                            </ul>
                        </div>
                    </li>

                    <div class="clear"></div>
                </ul>
            </div>
            <div class="filter-bottom">
                <ul>
                    <li class="fl dataTime">
                        <input class="laydate-icon" value="2017-4-20" onclick="laydate()">
                    </li>
                    <span class="fl fenge">-</span>
                    <li class="fl dataTime">
                        <input class="laydate-icon" value="2017-4-20" onclick="laydate()">
                    </li>
                    <li class="fl seachBtn">
                        <a type="button">查询</a>
                    </li>

                </ul>
            </div>

        </div>


        <!-- 操作栏（处理、删除、导出按钮） -->
        <div class="handle-box">
            <div class="handle-box-left fl">
                <ul>
                    <li class="dispose-btn">
                        <span class="handle-icon"></span>
                        处理
                    </li>

                    <li class="del-btn">
                        <span class="handle-icon"></span>
                        删除
                    </li>

                    <li class="export-btn">
                        <span class="handle-icon"></span>
                        导出
                    </li>


                </ul>
            </div>

            <div class="handle-box-right fr">
                <!--上一页、下一页-->
                <div class="page-change fl">
                    <a class="pre"></a>
                    <span class="page-num">
                         <b class="orange">1</b>/<b>100</b>
                     </span>
                    <a class="next"></a>
                </div>
            </div>
        </div>


        <!-- 事件管理表格 -->
        <div class="table-box">
            <div class="table eventManagement-table">
                <div class="table-header">
                    <div class="table-td width50">
                        <input type="checkbox" id="chooseAll">
                    </div>
                    <div class="table-td width120">控制器编号</div>
                    <div class="table-td width98">事件类别</div>
                    <div class="table-td width280">事件信息</div>
                    <div class="table-td width120">设备编号</div>
                    <div class="table-td width250">客户名称</div>
                    <div class="table-td width120">状态</div>
                    <div class="table-td width160">
                        <span>时间</span>
                        <div class="arr-box">
                            <span class="arrUp"></span>
                            <span class="arrDown"></span>
                        </div>
                    </div>
                </div>

                <ul class="table-body">
                    <li>
                        <div class="table-td width50">
                            <input type="checkbox" name="chooseRow">
                        </div>
                        <div class="table-td width120">BD100662</div>
                        <div class="table-td width98">报警</div>
                        <div class="table-td width280">长时间低温运行预警</div>
                        <div class="table-td width120">LG1610322</div>
                        <div class="table-td width250">佛山市天晖浴室设备有限公司</div>
                        <div class="table-td width120">已处理<span class="isHandle-icon yes"></span></div>
                        <div class="table-td width160">2017-04-26 09:58:04</div>
                    </li>
                    <li>
                        <div class="table-td width50">
                            <input type="checkbox" name="chooseRow">
                        </div>
                        <div class="table-td width120">BD100662</div>
                        <div class="table-td width98">报警</div>
                        <div class="table-td width280">长时间低温运行预警</div>
                        <div class="table-td width120">LG1610322</div>
                        <div class="table-td width250">佛山市天晖浴室设备有限公司</div>
                        <div class="table-td width120">已处理<span class="isHandle-icon no"></span></div>
                        <div class="table-td width160">2017-04-26 09:58:04</div>
                    </li>
                    <li>
                        <div class="table-td width50">
                            <input type="checkbox" name="chooseRow">
                        </div>
                        <div class="table-td width120">BD100662</div>
                        <div class="table-td width98">报警</div>
                        <div class="table-td width280">长时间低温运行预警</div>
                        <div class="table-td width120">LG1610322</div>
                        <div class="table-td width250">佛山市天晖浴室设备有限公司</div>
                        <div class="table-td width120">已处理<span class="isHandle-icon yes"></span></div>
                        <div class="table-td width160">2017-04-26 09:58:04</div>
                    </li>
                    <li>
                        <div class="table-td width50">
                            <input type="checkbox" name="chooseRow">
                        </div>
                        <div class="table-td width120">BD100662</div>
                        <div class="table-td width98">报警</div>
                        <div class="table-td width280">长时间低温运行预警</div>
                        <div class="table-td width120">LG1610322</div>
                        <div class="table-td width250">佛山市天晖浴室设备有限公司</div>
                        <div class="table-td width120">已处理<span class="isHandle-icon no"></span></div>
                        <div class="table-td width160">2017-04-26 09:58:04</div>
                    </li>
                    <li>
                        <div class="table-td width50">
                            <input type="checkbox" name="chooseRow">
                        </div>
                        <div class="table-td width120">BD100662</div>
                        <div class="table-td width98">报警</div>
                        <div class="table-td width280">长时间低温运行预警</div>
                        <div class="table-td width120">LG1610322</div>
                        <div class="table-td width250">佛山市天晖浴室设备有限公司</div>
                        <div class="table-td width120">已处理<span class="isHandle-icon yes"></span></div>
                        <div class="table-td width160">2017-04-26 09:58:04</div>
                    </li>
                    <li>
                        <div class="table-td width50">
                            <input type="checkbox" name="chooseRow">
                        </div>
                        <div class="table-td width120">BD100662</div>
                        <div class="table-td width98">报警</div>
                        <div class="table-td width280">长时间低温运行预警</div>
                        <div class="table-td width120">LG1610322</div>
                        <div class="table-td width250">佛山市天晖浴室设备有限公司</div>
                        <div class="table-td width120">已处理<span class="isHandle-icon yes"></span></div>
                        <div class="table-td width160">2017-04-26 09:58:04</div>
                    </li>
                    <li>
                        <div class="table-td width50">
                            <input type="checkbox" name="chooseRow">
                        </div>
                        <div class="table-td width120">BD100662</div>
                        <div class="table-td width98">报警</div>
                        <div class="table-td width280">长时间低温运行预警</div>
                        <div class="table-td width120">LG1610322</div>
                        <div class="table-td width250">佛山市天晖浴室设备有限公司</div>
                        <div class="table-td width120">已处理<span class="isHandle-icon yes"></span></div>
                        <div class="table-td width160">2017-04-26 09:58:04</div>
                    </li>

                </ul>
            </div>
        </div>


        <!-- 分页器 -->
        <div class="paging-bg">
            <div class="fl page-msg">
                <ul>
                    <li>总<span class="orange">1342</span>条</li>
                    <li>每页<span class="orange">10</span>条</li>
                    <li>共<span class="orange">135</span>页</li>
                </ul>
            </div>
            <div class="fr" id="pagination"></div>
        </div>


        <!-- 弹框合集 -->
        <div class="bomb-boxs" id="bomb-boxs" style="display: none">


            <!-- 删除弹框 -->
            <div class="bomb tipsbomb delbomb">
                <div class="close-btn fr">
                    <a class="close-icon"></a>
                </div>
                <div class="tips-icon">
                    <img src="image/trash.png">
                </div>
                <div class="tips-title">
                    删除事件
                </div>
                <p class="isConfirm">你是否确认删除这个事件？</p>
                <div class="tips-button">确认</div>
            </div>

            <!-- 处理弹框 -->
            <div class="bomb tipsbomb disposebomb">
                <div class="close-btn fr">
                    <a class="close-icon"></a>
                </div>
                <div class="dispose-title">是否标记为已处理？</div>
                <div class="disposeNote">
                    <input type="text" placeholder="处理过程备注">
                </div>
                <div class="tips-button">确认</div>
            </div>

        </div>


    </div>


    <script src="js/plugin/jquery.js"></script>
    <script src="js/plugin/laydate-v1.1/laydate/laydate.js"></script>
    <script src="js/plugin/laypage-v1.3/laypage/laypage.js"></script>
    <script src="js/pagination.js"></script>
    <script src="js/common.js"></script>
    <script src="js/bombs.js"></script>

    <!--[if lte IE 9]>
    <script src="js/plugin/jquery.placeholder.min.js"></script>
    <script src="js/placeholder.js"></script>
    <![endif]-->
</body>
</html>